/**
 * scss变量文件
 * @Author yuanyexu
 * @Date 2021-08-03
 */

/* 主题色 */
$color-theme: #0052d9;

/* 辅助色 */
$color-danger: #e34d59;
$color-warning: #edac4a;
$color-success: #6fc643;
$color-info: #a2a2a2;
$color-blank: #fff;
$color-dark: #001528;

/* 背景色 */
$background: #f0f2f5;

/* 菜单项相关样式变量 */
$menu-bg: $color-dark;
$menu-active-bg: $color-theme;
$menu-text: #ffffffa6;
$menu-hover-text: #87daff;
$menu-active-text: $color-blank;

/* 菜单栏展开时宽度 */
$sidebar-width: 232px;

/* 菜单栏折叠时宽度 */
$sidebar-collapse-width: 56px;

/* 导航栏高度 */
$navbar-height: 56px;

/* 页脚高度 */
$footer-height: 60px;

/* 字号设置 */
$font-size-small: 12px;
$font-size-standard: 14px;
$font-size-title: 16px;
$font-size-big: 18px;

/* 边距设置 */
$margin-small: 10px;
$margin-standard: 20px;
$margin-big: 30px;

/* :export 指令可在webpack中可以导出css对象，供其他文件引入并使用 */
:export {
  menuBg: $menu-bg;
  menuText: $menu-text;
  menuActiveText: $menu-active-text;
}
